@charset "utf-8";

.cm {

  color: #d06137;

}

.cm2 {

  color: #fdd900;

}

.jianbian {

  background-image: -webkit-gradient(linear, left top, right top, from(#29c3ab), to(#16a8b5));

  background-image: linear-gradient(to right, #29c3ab, #16a8b5);

}

@font-face {

  font-family: 'Geometr415BlkBT';

  src: url('../font/Geometr415BlkBT.ttf');

}

@font-face {

  font-family: 'swissbt';

  src: url('../font/SWISSBT.TTF');

}

@font-face {

  font-family: 'Century751No2BT';

  src: url('../font/Century751No2BT.TTF');

}

@font-face {

  font-family: 'avian';

  src: url('../font/AVIAN.TTF');

}

@font-face {

  font-family: 'BAHNSCHRIFT';

  src: url('../font/BAHNSCHRIFT.TTF');

}

.inbanner {

  width: 100%;

  height:580px;

  position: relative;

  overflow: hidden;

}

.inbanner > img {

  position: relative;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  z-index: 0;

}

.inbanner .cer {

  position: relative;

  height: 100%;

}

@media screen and (max-width: 1370px) {

  .inbanner {

    height: 570px;

  }

}

/*匠心住宿2关于 设计施工流程标题*/

/*匠心住宿2关于 设计施工流程标题*/

.cate1 {

  text-align: center;

  position: relative;

  padding-bottom: 36px;

}

.cate1:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  z-index: 0;

  width: 50px;

  height: 1px;

  margin-left: -25px;

  background-color: #fff;

}

.cate1 .en {

  font-size: 24px;

  color: #e6462e;

  line-height: 24px;

  font-family: arial;

  text-transform: uppercase;

  font-weight: bold;

  letter-spacing: 3px;

}

.cate1 .cn {

  font-size: 18px;

  color: #fff;

  line-height: 30px;

  margin-top: 8px;

  width: 100%;

  position: relative;

  overflow: hidden;

  height: 30px;

}

.cate1 .cn:before {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  z-index: 0;

  width: 50%;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.1);

  margin-left: -74px;

}

.cate1 .cn:after {

  content: '';

  position: absolute;

  right: 0;

  top: 50%;

  z-index: 0;

  width: 50%;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.1);

  margin-right: -74px;

}

.ibcatein {

  position: absolute;

  width: 100%;

  left: 0;

  top: 50%;

  z-index: 1;

  color: #fff;

  text-align: center;

  margin-top: -62px;

}

.ibcatein .cn {

  font-size: 28px;

  line-height: 44px;

  height: 44px;

  overflow: hidden;

}

.ibcatein .en {

  font-size: 34px;

  line-height: 48px;

  height: 48px;

  overflow: hidden;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 20px;

}

.ibcatein .hx {

  width: 50px;

  height:2px;

  margin: 0 auto;

  background-color: #fff;

  position: relative;

  overflow: hidden;

}

.ibcatein .jux {

  width: 50%;

  height: 100%;

  position: absolute;

  left: -50%;

  top: 0;

  z-index: 1;

  background-image: -webkit-gradient(linear, left top, right top, from(#d06137), to(#54e116));

  background-image: linear-gradient(to right, #d06137, #54e116);

  -webkit-animation: juxmove 2s linear 0s both infinite;

          animation: juxmove 2s linear 0s both infinite;

}

.ibcatein .jux.jux2 {

  background-image: -webkit-gradient(linear, left top, right top, from(#ff1222), to(#fdcb1e));

  background-image: linear-gradient(to right, #ff1222, #fdcb1e);

}

.ibcatein .fig {

  height: 17px;

  background: url('../images/zuan.png') center no-repeat;

  -webkit-animation: movt 4s linear 0s both infinite;

          animation: movt 4s linear 0s both infinite;

  margin: 20px 0 18px;

}

@-webkit-keyframes movt {

  0% {

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

  }

  33% {

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

  }

  66% {

    -webkit-transform: rotateY(360deg);

            transform: rotateY(360deg);

  }

  100% {

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

  }

}

@keyframes movt {

  0% {

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

  }

  33% {

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

  }

  66% {

    -webkit-transform: rotateY(360deg);

            transform: rotateY(360deg);

  }

  100% {

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

  }

}

@-webkit-keyframes juxmove {

  0% {

    left: -50%;

  }

  75% {

    left: 100%;

  }

  100% {

    left: 100%;

  }

}

@keyframes juxmove {

  0% {

    left: -50%;

  }

  75% {

    left: 100%;

  }

  100% {

    left: 100%;

  }

}

@media screen and (max-width: 750px) {

  .ibcatein .en {

    font-size: 30px;

  }

}

.mouse {

  width: 18px;

  height: 34px;

  margin-top: 123px;

  margin-left: -9px;

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

  /*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/

  background: url('../images/mouse.png') center 0 no-repeat;

}

.ibcate .bg {

  position: absolute;

  left: 50%;

  top: 4px;

  margin-left: -132px;

  z-index: 0;

  width: 265px;

  height: 265px;

  background: url('../images/huahuan1.png') center no-repeat;

  -webkit-animation: rotate360 30s linear infinite;

          animation: rotate360 30s linear infinite;

}

.ibbg {

  -webkit-animation: pagebgfd 6s linear infinite alternate;

          animation: pagebgfd 6s linear infinite alternate;

}

@-webkit-keyframes pagebgfd {

  0% {

    opacity: 1;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1.1, 1.1);

            transform: scale(1.1, 1.1);

  }

}

@keyframes pagebgfd {

  0% {

    opacity: 1;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1.1, 1.1);

            transform: scale(1.1, 1.1);

  }

}

/*远见2关于我们 合作单位*/

.borderwan {

  position: relative;

}

.borderwan i.ii1,

.borderwan i.ii2,

.borderwan i.ii3,

.borderwan i.ii4 {

  position: absolute;

  z-index: 5;

  background-color: #cfd1f8;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.borderwan i.ii1 {

  left: 0;

  top: 0;

  width: 0;

  height: 1px;

}

.borderwan i.ii2 {

  right: 0;

  top: 0;

  width: 1px;

  height: 0;

}

.borderwan i.ii3 {

  right: 0;

  bottom: 0;

  width: 0;

  height: 1px;

}

.borderwan i.ii4 {

  left: 0;

  bottom: 0;

  width: 1px;

  height: 0;

}

.borderwan:hover i.ii1,

.borderwan:hover i.ii3 {

  width: 100%;

}

.borderwan:hover i.ii2,

.borderwan:hover i.ii4 {

  height: 100%;

}

.btt1 img,

.btt2 img,

.btt3 img {

  -webkit-animation: move ease-in-out 2s infinite;

          animation: move ease-in-out 2s infinite;

}

@-webkit-keyframes move {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(5px);

            transform: translateY(5px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@keyframes move {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(5px);

            transform: translateY(5px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes move2 {

  0% {

    -webkit-transform: translateX(0) rotate(0deg);

            transform: translateX(0) rotate(0deg);

  }

  50% {

    -webkit-transform: translateX(10px) rotate(360deg);

            transform: translateX(10px) rotate(360deg);

  }

  100% {

    -webkit-transform: translateX(0) rotate(0deg);

            transform: translateX(0) rotate(0deg);

  }

}

@keyframes move2 {

  0% {

    -webkit-transform: translateX(0) rotate(0deg);

            transform: translateX(0) rotate(0deg);

  }

  50% {

    -webkit-transform: translateX(10px) rotate(360deg);

            transform: translateX(10px) rotate(360deg);

  }

  100% {

    -webkit-transform: translateX(0) rotate(0deg);

            transform: translateX(0) rotate(0deg);

  }

}

.greybg {

  background-color: #bdbbbc;

}

.greybg2 {

  background-color: #918f8f;

}

.js-qiecon2 {

  display: none;

}

.js-qiecon2.on {

  display: block;

}

.js-qiecon {

  position: absolute;

  left: 200%;

  top: 0;

  z-index: -20;

  opacity: 0;

  width: 100%;

}

.js-qiecon.on {

  position: static;

  left: 0;

  top: 0;

  z-index: 1;

  opacity: 1;

}

.pianyi {

  padding-top: 80px;

  margin-top: -80px;

}

.js-qiecon-wrap1,

.js-qiecon-wrap2,

.js-qiecon-wrap3 {

  position: relative;

  width: 100%;

  overflow: hidden;

}

.lefthalf {

  float: left;

  width: 50%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.righthalf {

  float: right;

  width: 50%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.txtEff label {

  display: inline-block;

}

@media screen and (max-width: 640px) {

  .pianyi {

    padding-top: 60px;

    margin-top: -60px;

  }

}

/*美达康 面包屑*/

.baninfo {

  padding: 15px 0;

  height: 64px;

  position: relative;

  z-index: 2;

  border-bottom: 1px solid #eee;

  border-top: 6px solid #00a1e9;

}

.baninfo .cer8 {

  height: 100%;

}

.erji {

  float: right;

  font-size: 0;

  white-space: nowrap;

  text-align: center;

  max-width: 100%;

  line-height: 64px;

  height: 64px;

}

.erji a {

  display: inline-block;

  height: 100%;

  position: relative;

  margin-left: 80px;

  color: #333;

  font-size: 16px;

  line-height: 64px;

  vertical-align: top;

}

.erji a:first-child {

  margin-left: 0;

}

.erji a:after {

  content: '';

  position: absolute;

  left: 100%;

  bottom: 0;

  z-index: 0;

  width: 0;

  height: 1px;

  background-color: #009de2;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.erji a:hover {

  color: #009de2;

}

.erji a.on {

  color: #009de2;

  font-weight: bold;

}

.erji a:hover:after {

  left: 0;

  width: 100%;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}

.tree {

  float: left;

  height: 100%;

  font-size: 16px;

  line-height: 64px;

  color: #999;

}

.tree a {

  display: inline-block;

  height: 100%;

  color: #999;

  vertical-align: middle;

}

.tree a:hover,

.tree a.leaf {

  color: #009de2;

}

.tree i {

  display: inline-block;

  width: 34px;

  height: 100%;

  vertical-align: middle;

  background: url('../images/sjr1-tree.png') center no-repeat;

}

@media screen and (max-width: 1024px) {

  .tree {

    display: none;

  }

  .erji {

    float: none;

  }

}

@media screen and (max-width: 750px) {

  .erji {

    overflow: auto;

  }

  .erji a {

    margin-left: 60px;

  }

}

@media screen and (max-width: 640px) {

  .erji a {

    width: 25%;

    margin-left: 0;

  }

}

/*宝创8产品详情 */

.bneck {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 66px;

  z-index: 3;

}

.berji {

  font-size: 0;

  width: 100%;

  text-align: center;

}

.berji a {

  display: inline-block;

  width: 164px;

  height: 100%;

  font-size: 16px;

  color: #fff;

  line-height: 54px;

  position: relative;

  overflow: hidden;

  background-color: #66807f;

  margin: 10px 17px;

  border-radius: 8px;

}

.berji a:before {

  content: '';

  position: absolute;

  right: 0;

  top: 20px;

  z-index: 0;

  width: 1px;

  height: 30px;

  display: none;

}

.berji a:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0px;

  z-index: 0;

  margin-left: 0;

  width: 0;

  height: 4px;

  background-color: #0076cd;

  display: none;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.berji a.on:after,

.berji a:hover:after {

  width: 80px;

  margin-left: -40px;

}

.berji a.on,

.berji a:hover {

  background-color: #1fb5b0;

}

/*海创1首页按钮*/

a.seemore {

  display: block;

  width: 164px;

  height: 50px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  font-size: 0;

  color: #fff;

  line-height: 50px;

  text-align: center;

  border-radius: 25px;

}

a.seemore:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 0;

  border: 2px solid #ffd04f;

  border-radius: 25px;

}

a.seemore span {

  position: relative;

  z-index: 2;

  display: inline-block;

  padding-right: 40px;

  font-size: 16px;

  background: url('../images/jtr1.png') right no-repeat;

  letter-spacing: 2px;

}

a.seemore:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, right top, from(#005ffb), to(#0292fd));

  background-image: linear-gradient(to right, #005ffb, #0292fd);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

a.seemore:hover:after {

  height: 0;

}

a.seemore:hover {

  background-color: #fff;

  color: #005ffb;

}

a.seemore:hover span {

  background-image: url('../images/jtr1h.png');

}

a.seemore2 {

  display: block;

  width: 172px;

  height: 42px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  font-size: 16px;

  color: #1e64c6;

  line-height: 42px;

  text-align: center;

  border: 2px solid #fff;

  border-radius: 23px;

  background-color: #fff;

}

a.seemore2 span {

  position: relative;

  z-index: 2;

  display: inline-block;

  padding-right: 40px;

  background: url('../images/jtr1h.png') right no-repeat;

}

.jello-h:hover {

  -webkit-animation: jello 1s 0s infinite;

          animation: jello 1s 0s infinite;

}

.rubberBand-h:hover {

  -webkit-animation: rubberBand 1s 0s 1;

          animation: rubberBand 1s 0s 1;

}

/*美达康1首页按钮*/

a.seemore3 {

  display: block;

  width: 160px;

  height: 50px;

  overflow: hidden;

  position: relative;

  font-size: 0;

  color: #116bb4;

  line-height: 50px;

  text-align: center;

  background-color: #fff;

  margin-top: 60px;

  margin-left: 34px;

}

a.seemore3:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 0;

  border: 1px solid #116bb4;

}

a.seemore3 span {

  position: relative;

  z-index: 2;

  display: inline-block;

  font-size: 16px;

  letter-spacing: 2px;

}

a.seemore3:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  width: 100%;

  height: 0;

  background-color: #116bb4;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

a.seemore3:hover:after {

  height: 100%;

}

a.seemore3:hover {

  background-color: #116bb4;

  color: #fff;

}

/*远见8产品详情 */



.outnavbg {

  width: 100%;

  height: 64px;

  background-color: #fff;

  overflow: hidden;

  position: relative;

  z-index: 5; margin-top: -64px;background: rgba(248,182,43,0.6);

    box-shadow: 0 1px 4px 0 rgb(0,0,0,.1);

    backdrop-filter: blur(8px);

}

.outnav7 {

  height: 64px;

  padding: 0;

  position: relative;

  z-index: 1;

  overflow: hidden;

  text-align: center;

}

.outnav7 .nav-left,

.outnav7 .nav-right {

  width: 40px;

  height: 100%;

  cursor: pointer;

  position: absolute;

  top: 0;

  z-index: 2;

  background-repeat: no-repeat;

  display: none;

  background-position: center;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.outnav7 .nav-left {

  left: 0;

  background-image: url('../images/lt3h.png');

}

.outnav7 .nav-right {

  right: 0;

  background-image: url('../images/gt3h.png');

}

.outnav7 .nav-left:hover {

  background-image: url('../images/lt3h.png');

  background-color: #f8b62b;

}

.outnav7 .nav-right:hover {

  background-image: url('../images/gt3h.png');

  background-color: #f8b62b;

}

.outnav7 #wrapper77 {

  width: 100%;

  height: 100%;

  position: relative;

}

.outnav7.on {

  padding: 0 40px;

}

.outnav7.on .nav-left,

.outnav7.on .nav-right {

  display: block;

}



.mouse {

  width: 50px;

  height: 50px;

  margin-left: -25px;

  cursor: pointer;

  position: absolute;

  left: 50%;

  bottom: 10%;

  z-index: 2;

  /*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/

  background: url('../images/jtd-ib.png') center 0 no-repeat;

}

.mouse2 {

  width: 50px;

  height: 50px;

  cursor: pointer;

  position: absolute;

  left: 15%;

  bottom: 25%;

  z-index: 2;

  background: url('../images/jtd-ib.png') center 0 no-repeat;

}



.nav7,

.nav8 {

  width: 100%;

  height: 100%;

  font-size: 0;

  white-space: nowrap;

}

.nav7 li,

.nav8 li {

  width:200px;

  display: inline-block;

  height: 100%;

  overflow: hidden; padding:0;

}

.nav7.fen2 li,

.nav8.fen2 li {

  width: 50%;

}

.nav7.fen3 li,

.nav8.fen3 li {

  width: 33.3%;

}

.nav7.fen4 li,

.nav8.fen4 li {

  width: 25%;

}

.nav7.fen5 li,

.nav8.fen5 li {

  width: 20%;

}

.nav7 li a,

.nav8 li a {

  display: block;

  position: relative;

  color: #ffffff;

  line-height: 64px;

  font-size: 16px;padding: 0px;

}

.nav7 li a:before {

  content: '';

  overflow: hidden;

  width: 0;

  height: 0;

  border-width: 6px 7px;

  border-color: #d06137 transparent transparent transparent;

  border-style: solid dashed dashed dashed;

  font-size: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  position: absolute;

  left: 50%;

  top: -12px;

  z-index: 0;

  margin-left: -7px; display: none

}

.nav7 li a:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  z-index: 0;

  width: 0;

  height: 2px;

  background-color: #d06137;

  margin-left: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s; display: none

}

.nav7 li.on a,

.nav7 li:hover a {

  color: #ffffff; background-color:#f8b62b;

}

.nav7 li.on a:after,

.nav7 li:hover a:after {

  width: 74px;

  margin-left: -37px;

}

.nav7 li.on a:before,

.nav7 li:hover a:before {

  top: 0;

}

.nav8 li a:before {

  content: '';

  overflow: hidden;

  width: 0;

  height: 0;

  border-width: 6px 7px;

  border-color: #d10d1d transparent transparent transparent;

  border-style: solid dashed dashed dashed;

  font-size: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  position: absolute;

  left: 50%;

  top: -12px;

  z-index: 0;

  margin-left: -7px;

}

.nav8 li a:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  z-index: 0;

  width: 0;

  height: 2px;

  background-color: #d10d1d;

  margin-left: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.nav8 li.on a,

.nav8 li:hover a {

  color: #d10d1d;

}

.nav8 li.on a:after,

.nav8 li:hover a:after {

  width: 74px;

  margin-left: -37px;

}

.nav8 li.on a:before,

.nav8 li:hover a:before {

  top: 0;

}



.ibcate {

  position: absolute;

  left: 15%;

  top: 50%;

  z-index: 3;

  margin-top: -56px;

  color: #fff;

}

.ibcate .cn {

  font-size: 48px;

  line-height: 62px;

  font-weight: bold;

  letter-spacing: 1px;

  margin-bottom: 10px;

}

.ibcate .en {

  font-size: 28px;

  line-height: 40px;

  font-family: "Futura Bk BT";

  letter-spacing: 1px;

  text-transform: uppercase;

  word-break: normal;

}

.ibcate .txt {

  font-size: 18px;

  line-height: 34px;

  margin-top: 18px;

}

@media screen and (max-width: 1200px) {

  .ibcate {

    left: 10%;

  }

  .ibcate .cn {

    font-size: 40px;

    line-height: 50px;

  }

  .mouse2 {

    left: 10%;

  }

}

@media screen and (max-width: 750px) {

  .ibcate {

    left: 5%;

    width: 90%;

    text-align: center;

  }

  .ibcate .cn {

    font-size: 32px;

    line-height: 40px;

  }

  .ibcate .en {

    font-size: 20px;

    line-height: 30px;

  }

  .mouse2 {

    left: 50%;

    bottom: 10%;

    margin-left: -25px;

  }

}

.ibcate4 {

  position: absolute;

  left: 15%;

  top: 50%;

  z-index: 3;

  margin-top: -160px;

}

.ibcate4 .cn {

  font-size: 48px;

  color: #fdd900;

  line-height: 68px;

  font-weight: bold;

  letter-spacing: 1px;

}

.ibcate4 .cn2 {

  font-size: 48px;

  color: #fff;

  line-height: 62px;

  font-weight: bold;

  letter-spacing: 1px;

}

.ibcate4 .txt {

  font-size: 22px;

  color: #fff;

  line-height: 32px;

  letter-spacing: 2px;

  margin-top: 10px;

}

.ibcate4 .cn2,

.ibcate4 .txt {

  text-shadow: 0 0 2px #000000;

}

.ibcate4 a.download {

  display: block;

  width: 196px;

  height: 60px;

  background-color: #fdd900;

  border-radius: 30px;

  font-size: 18px;

  color: #282f3c;

  line-height: 60px;

  text-align: center;

  font-weight: bold;

  margin-top: 66px;

}

.ibcate4 a.download span {

  display: inline-block;

  height: 100%;

  padding-left: 32px;

  background: url('../images/yun2.png') 0 no-repeat;

}

.ibcate4 a.download:hover {

  -webkit-box-shadow: 0 0 10px 0 #d06137;

          box-shadow: 0 0 10px 0 #d06137;

}

@media screen and (max-width: 1200px) {

  .ibcate4 {

    left: 10%;

  }

  .ibcate4 .cn,

  .ibcate4 .cn2 {

    font-size: 36px;

    line-height: 50px;

  }

}

@media screen and (max-width: 750px) {

  .ibcate4 {

    left: 5%;

    width: 90%;

    text-align: center;

    margin-top: -100px;

  }

  .ibcate4 .cn,

  .ibcate4 .cn2 {

    font-size: 24px;

    line-height: 40px;

  }

  .ibcate4 .txt {

    font-size: 16px;

  }

  .ibcate4 a.download {

    margin: 50px auto 0;

    height: 50px;

    line-height: 50px;

    border-radius: 25px;

  }

}

.fside {

  position: fixed;

  z-index: 50;

  left: 1px;

  top: 50%;

  margin-top: -160px;

  width: 100px;

  -webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);

          box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);

}

.fside.zk {

  left: -100px;

}

.fside i {

  width: 11px;

  height: 68px;

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -34px;

  z-index: 10;

  background: #38b9b0 url('../images/sandao.png') center no-repeat;

  cursor: pointer;

  border-radius: 0 9px 9px 0;

}

.fside label {

  display: block;

  width: 100%;

  height: 55px;

  border-radius: 6px 6px 0 0;

  background: #38bab1 url('../images/ssdlogo.png') center no-repeat;

}

.fside a {

  display: block;

  width: 100%;

  position: relative;

  border-bottom: 1px solid #e4e4e4;

  text-align: center;

  background-color: #fff;

  padding-top: 17px;

  padding-bottom: 10px;

}

.fside a .pic {

  width: 30px;

  height: 30px;

  font-size: 0;

  background-position: center;

  background-repeat: no-repeat;

  border-radius: 50%;

  border: 1px solid #38bab1;

  background-color: #38bab1;

  margin: 0 auto;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.fside a > p {

  margin-top: 7px;

  font-size: 14px;

  line-height: 20px;

  color: #576c87;

  height: 20px;

}

.fside a:hover > .pic {

  background-color: #fff;

}

.fside a:hover > p {

  color: #38bab1;

}

.sideinfo {

  width: 0;

  height: 56px;

  overflow: hidden;

  position: absolute;

  left: 100px;

  top: 10px;

  z-index: 1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sideinfo.on {

  width: 214px;

}

.sideinfo div {

  padding: 13px 0 13px 52px;

  width: 148px;

  color: #fff;

  text-align: left;

  position: relative;

}

.sideinfo div h3 {

  font-size: 14px;

  line-height: 24px;

  height: 24px;

  overflow: hidden;

  display: none;

}

.sideinfo .sidetel {

  background: #af966d url('../images/ssd3.png') 19px no-repeat;

}

.sideinfo .sidetel p {

  font-size: 24px;

  line-height: 30px;

  height: 30px;

  overflow: hidden;

  font-family: "Centaur";

}

.sidetel:before {

  content: '';

  position: absolute;

  left: -14px;

  top: 50%;

  margin-top: -7px;

  z-index: 0;

  width: 0;

  height: 0;

  border: 7px solid transparent;

  border-right-color: #af966d;

}

.sideinfo2 {

  width: 70px;

  height: 75px;

  background-color: #af966d;

  overflow: hidden;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 4;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sideinfo2.on {

  opacity: 1;

  filter: alpha(opacity=100);

}

.sideinfo2 span {

  display: block;

  width: 36px;

  height: 36px;

  padding: 20px 17px;

  line-height: 18px;

  color: #fff;

  font-size: 16px;

}

.sidebigewm {

  display: none;

  position: absolute;

  top: 0;

  left: 74px;

  z-index: 1;

  background-color: #fff;

  width: 120px;

  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);

          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);

}

.sidebigewm img {

  width: 100%;

}

.fside a .pic.sd1 {

  background-image: url('../images/ssd1.png');

}

.fside a .pic.sd2 {

  background-image: url('../images/ssd2.png');

}

.fside a .pic.sd3 {

  background-image: url('../images/ssd3.png');

}

.fside a .pic.sd4 {

  background-image: url('../images/ssd4.png');

}

.fside a:hover .pic.sd1 {

  background-image: url('../images/ssd1h.png');

}

.fside a:hover .pic.sd2 {

  background-image: url('../images/ssd2h.png');

}

.fside a:hover .pic.sd3 {

  background-image: url('../images/ssd3h.png');

}

.fside a:hover .pic.sd4 {

  background-image: url('../images/ssd4h.png');

}

@media screen and (max-width: 1023px) {

  .fside {

    display: none;

  }

}

.fu {

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 150;

  top: 0;

  left: 0;

  display: none;

}

.fubg {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.6);

}

.fuin {

  position: absolute;

  width: 540px;

  left: 50%;

  margin-left: -270px;

  top: 50%;

  z-index: 3;

}

.fuin {

  -webkit-transition: 0.3s;

  transition: 0.3s;

  -webkit-transform: translateY(-50%) scale(0.9);

          transform: translateY(-50%) scale(0.9);

  opacity: 0;

}

.fu.on .fuin {

  -webkit-transform: translateY(-50%) scale(1);

          transform: translateY(-50%) scale(1);

  opacity: 1;

}

.fuin a.close {

  position: absolute;

  width: 36px;

  height: 36px;

  right: 70px;

  top: 40px;

  z-index: 1;

  background: #cccccc url('../images/close.png') center no-repeat;

  border-radius: 50%;

}

.fuin .fucon {

  padding: 44px 70px 56px;

  background-color: #fff;

  overflow: hidden;

}

.fuin .fucon h2 {

  font-size: 28px;

  color: #2778be;

  line-height: 36px;

  font-weight: bold;

}

.liuyan3 {

  color: #333;

  font-size: 0;

  padding-top: 34px;

}

.liuyan3 .hang {

  height: 50px;

  margin-bottom: 20px;

}

.liuyan3 .hang.fat {

  height: auto;

}

.liuyan3 input[type=text] {

  width: 100%;

  height: 50px;

  border: 1px solid #ddd;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  line-height: 48px;

  font-size: 14px;

  text-indent: 20px;

}

.liuyan3 textarea {

  width: 100%;

  padding: 9px 20px;

  height: 140px;

  border: 1px solid #ddd;

  font-size: 14px;

  line-height: 40px;

  resize: none;

  vertical-align: top;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.liuyan3 input[type=text]:focus,

.liuyan3 textarea:focus {

  border-color: #2778be;

}

.liuyan3 input[type=text],

.liuyan3 textarea {

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.liuyan3 i.v {

  display: block;

  width: 100%;

  height: 100%;

  vertical-align: top;

}

.liuyan3 .hang2 {

  padding-right: 80px;

  position: relative;

}

.liuyan3 .hang2 input[type=text] {

  width: 100%;

}

.liuyan3 .verifyImg {

  width: 78px;

  height: 48px;

  border: 1px solid #ddd;

  cursor: pointer;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 1;

}

.liuyan3 .yzmchange {

  display: inline-block;

  vertical-align: top;

  width: 50px;

  margin-left: 20px;

  background: url('../images/change2.png') center no-repeat;

}

.liuyan3 input#tj2 {

  display: block;

  width: 100%;

  height: 50px;

  font-size: 18px;

  line-height: 50px;

  color: #fff;

  font-weight: bold;

  margin: 0 auto;

  border-radius: 4px;

  background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));

  background-image: linear-gradient(to right, #255ba9, #1fb4b8);

}

.liuyan3 input#tj2:hover {

  opacity: 0.8;

}

.liuyan3 .Validform_checktip {

  height: 20px;

  line-height: 20px;

}

.newsmain {

  padding: 100px 0 128px;

}

@media screen and (max-width: 1023px) {

  .newsmain {

    padding: 80px 0 100px;

  }

}

@media screen and (max-width: 750px) {

  .newsmain {

    padding: 60px 0 80px;

  }

}

.cate7 {

  width: 100%;

  padding-bottom: 40px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.cate7 .cn {

  font-size: 32px;

  line-height: 48px;

  color: #fff;

  letter-spacing: 5px;

}

.cate7 .en {

  font-size: 80px;

  line-height: 90px;

  color: #af966d;

  text-transform: uppercase;

}

.cate7 .enp {

  font-size: 0;

  width: 100%;

  height: 54px;

}

.cate7 img {

  max-width: 80%;

  max-height: 100%;

}

@media screen and (max-width: 1080px) {

  .cate7 .en {

    font-size: 60px;

    letter-spacing: 3px;

  }

}

@media screen and (max-width: 750px) {

  .cate7 .en {

    font-size: 40px;

    line-height: 50px;

  }

  .cate7 .cn {

    font-size: 26px;

  }

}

.newslist {

  padding: 0 0 82px;

  overflow: hidden;

}

.newslist li {

  width: 100%;

  border-bottom: 1px solid #eee;

  padding:60px 0;

}

.newslist li:hover{ background-color:#f6f6f6 }

.newslist li:first-child {

  padding-top: 0;

}

.newslist li a {

  display: block;

  position: relative;

  overflow: hidden;



}
.newslist li a .left_imgs{ float: left; width: 30%;}
.newslist li a .left_imgs img{ width: 100%; height: auto}
.newslist li a .right_fonts{ float: right; width:66%;}

.newslist li .pic {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  width: 480px;

  height: 100%;

  overflow: hidden;

}

.newslist li .pic img {

  -o-object-fit: cover;

     object-fit: cover;

}

.newslist li h3 {

  font-size: 20px;

  color: #333;

  line-height: 32px;

  height: 32px;

  overflow: hidden;

  margin-top: 10px;

}

.newslist li .txt {

  font-size: 16px;

  color: #666;

  line-height: 32px;

  height: 64px;

  overflow: hidden;

  margin: 20px 0 38px;

}

.newslist li .date {

  font-size: 16px;

  color: #ccc;

  line-height: 22px;

  font-family: "avian";

  height: 22px;

  padding-top: 30px;

  overflow: hidden;

}

.newslist li label {

  display: inline-block;

  cursor: pointer;

  font-size: 14px;

  color: #999; background-color: #eee; padding: 10px 30px;

}

.newslist li:hover label{background-color: #f8b62b; color: #fff }

.newslist li,

.newslist h3 {

  -webkit-transition: .5s;

  transition: .5s;color: #ffffff;

}

.newslist li:hover {

  border-bottom-color: #ccc;

}

.newslist li:hover h3 {

  color: #f8b62b;

}

@media screen and (max-width: 1440px) {

  .newslist li .txt {

    line-height: 28px;

    height: 84px;

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 1200px) {

  .newslist li a {

    padding-left: 440px;

  }

  .newslist li .pic {

    width: 400px;

  }

}

@media screen and (max-width: 1023px) {

  .newslist li {

    padding: 60px 0;

  }

}

@media screen and (max-width: 960px) {

  .newslist li a {

    padding-left: 360px;

    height: 230px;

  }

  .newslist li .pic {

    width: 320px;

  }

  .newslist li .date {

    padding-top: 10px;

  }

}

@media screen and (max-width: 750px) {

  .newslist {

    padding-bottom: 60px;

  }

  .newslist li a {

    height: 180px;

    padding-left: 300px;

  }

  .newslist li .pic {

    width: 260px;

  }

  .newslist li .txt {

    display: none;

  }

  .newslist li h3 {

    height: 64px;

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 600px) {

  .newslist li {

    padding: 40px 0;

  }

  .newslist li a {

    padding-left: 270px;

  }

  .newslist li .pic {

    width: 240px;

  }

}

.lianxi {

  padding: 100px 0 170px;

}

.lxlist {

  width: 100%;

  font-size: 0;

  text-align: center;

  margin-bottom: 62px;

}

.lxlist li {

  display: inline-block;

  width: 33.33%;

  position: relative;

}

.lxlist li:before {

  content: '';

  position: absolute;

  left: 0;

  top: 10px;

  bottom: 10px;

  z-index: 0;

  width: 1px;

  background-color: #eee;

}

.lxlist li:first-child:before {

  display: none;

}

.lxlist li a {

  display: block;

}

.lxlist .pic {

  height: 64px;

  padding-top: 10px;

  background: url('../images/ear.png') top no-repeat;

  font-size: 0;

  line-height: 64px;

}

.lxlist .pic img {

  max-width: 100%;

  max-height: 100%;

}

.rollover {

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

  position: relative;

  overflow: visible!important;

  -webkit-transition: .6s;

  transition: .6s;

}

.rollover .p1,

.rollover .p2 {

  position: absolute;

  top: 0;

  left: 0;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}

.rollover .p2 {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}

li:hover .rollover {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}

.lxlist li h3 {

  font-size: 24px;

  color: #000;

  line-height: 32px;

  height: 32px;

  overflow: hidden;

  -webkit-transition: .5s;

  transition: .5s;

}

.lxlist li .txt {

  font-size: 14px;

  color: #666;

  line-height: 26px;

  margin-top: 6px;

  height: 52px;

  overflow: hidden;

  padding: 0 20px;

}

.lxlist li .txt span {

  display: inline-block;

}

.lxlist li:hover h3 {

  color: #d06137;

}

#map {

  width: 100%;

  height: 442px;

}

@media screen and (max-width: 1024px) {

  .lianxi {

    padding-top: 80px;

    padding-bottom: 120px;

  }

}

@media screen and (max-width: 750px) {

  .lianxi {

    padding-bottom: 80px;

  }

  .lxlist li {

    width: 50%;

  }

  .lxlist li:last-child {

    margin-top: 20px;

  }

  .lxlist li:before {

    display: none;

  }

}

h2.lytitle {

  font-size: 40px;

  color: #000;

  line-height: 60px;

  font-weight: bold;

  text-align: center;

  height: 60px;

  overflow: hidden;

  margin: 100px 0;

}

.liuyan {

  color: #666;

  font-size: 0;

  padding-bottom: 1px;

}

.liuyan .hang {

  float: left;

  width: 48.5%;

  height: 58px;

  line-height: 58px;

  margin-bottom: 26px;

}

.liuyan .hang.long {

  width: 100%;

}

.liuyan .hang.first {

  margin-right: 3%;

}

.liuyan .hang.fat {

  width: 100%;

  height: auto;

}

.liuyan p {

  height: 100%;

  position: relative;

}

.liuyan label {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  width: 28px;

  height: 50px;

  font-size: 14px;

  line-height: 48px;

  color: #f70d0d;

  text-align: right;

  pointer-events: none;

}

.liuyan input[type=text] {

  width: 100%;

  height: 58px;

  border: 1px solid #f3f3f3;

  border-radius: 5px;

  line-height: 56px;

  text-indent: 28px;

  font-size: 16px;

  background-color: #f3f3f3;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.liuyan textarea {

  width: 100%;

  padding: 14px 28px;

  height: 190px;

  border: 1px solid #f3f3f3;

  border-radius: 4px;

  resize: none;

  line-height: 40px;

  vertical-align: top;

  font-size: 16px;

  background-color: #f3f3f3;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.liuyan input[type=text]:focus,

.liuyan textarea:focus {

  border-color: #d06137;

}

.liuyan input[type=text],

.liuyan textarea {

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.liuyan i.v {

  display: inline-block;

  width: 100%;

  height: 100%;

  vertical-align: top;

}

.liuyan .hang2 {

  height: 58px;

  line-height: 58px;

  margin-bottom: 26px;

}

.liuyan .hang2 > div {

  float: left;

  height: 100%;

  position: relative;

}

.liuyan .hang2 i.v {

  width: 480px;

}

.liuyan .hang2 input[type=text] {

  border-radius: 4px 0 0 4px;

}

.liuyan .verifyImg {

  width: 164px;

  height: 58px;

  cursor: pointer;

  vertical-align: top;

  border-radius: 0 4px 4px 0;

}

.liuyan .yzmchange {

  display: inline-block;

  vertical-align: top;

  width: 72px;

  background: url('../images/change.png') center no-repeat;

}

.liuyan input#tj {

  float: right;

  width: 200px;

  height: 58px;

  font-size: 16px;

  line-height: 58px;

  color: #fff;

  border-radius: 5px;

  background-color: #d06137;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.liuyan input#tj:hover {

  opacity: 0.8;

}

@media screen and (max-width: 1024px) {

  .liuyan .hang2 i.v {

    width: 340px;

  }

}

@media screen and (max-width: 900px) {

  .liuyan .hang2 i.v {

    width: 200px;

  }

}

@media screen and (max-width: 750px) {

  h2.lytitle {

    margin: 80px 0;

    font-size: 30px;

    line-height: 46px;

    height: 46px;

  }

  .liuyan .hang {

    float: none;

    width: auto;

  }

  .liuyan .hang.first {

    margin-right: 0;

  }

  .liuyan .hang2 {

    height: auto;

  }

  .liuyan .hang2 > div {

    float: none;

  }

  .liuyan .verifyImg {

    float: right;

  }

  .liuyan .yzmchange {

    float: right;

  }

  .liuyan input#tj {

    width: 100%;

    margin-top: 20px;

  }

}

@media screen and (max-width: 550px) {

  .liuyan .hang2 i.v {

    width: 180px;

  }

  .liuyan .verifyImg {

    width: 120px;

  }

}

.pintaione {

  padding: 88px 0 90px;

}

.ptlist {

  font-size: 0;

  padding: 68px 0 1px;

  margin: 0 -23px;

  position: relative;

}

.ptlist li {

  display: inline-block;

  width: 33.33%;

  position: relative;

  margin-bottom: 62px;

  -webkit-transition: .4s;

  transition: .4s;

}

.ptlist li .lin {

  padding: 0 23px;

}

.ptlist li a {

  display: block;

  padding: 60px 58px 26px;

  border: 1px solid #fdd900;

}

.ptlist .pic {

  width: 100%;

  height: 50px;

  line-height: 50px;

  font-size: 0;

}

.ptlist img {

  max-width: 100%;

  max-height: 100%;

}

.ptlist h3 {

  font-size: 22px;

  color: #333;

  line-height: 40px;

  height: 40px;

  overflow: hidden;

  margin: 22px 0 6px;

  font-weight: bold;

  -webkit-transition: .4s;

  transition: .4s;

}

.ptlist .txt {

  font-size: 16px;

  color: #666;

  line-height: 28px;

  height: 84px;

  overflow: hidden;

}

.ptlist li:hover h3 {

  color: #d06137;

}

.ptlist li:hover a {

  border-color: #d06137;

}

@media screen and (max-width: 1400px) {

  .ptlist li a {

    padding: 40px;

  }

}

@media screen and (max-width: 1200px) {

  .ptlist li {

    width: 50%;

  }

}

@media screen and (max-width: 800px) {

  .ptlist {

    margin: 0 -15px;

  }

  .ptlist li {

    margin-bottom: 40px;

  }

  .ptlist li .lin {

    padding: 0 15px;

  }

  .ptlist h3 {

    margin-top: 10px;

  }

  .ptlist .txt {

    height: 112px;

  }

}

@media screen and (max-width: 640px) {

  .ptlist {

    margin: 0;

  }

  .ptlist li {

    display: block;

    width: 100%;

  }

  .ptlist li .lin {

    padding: 0;

  }

  .ptlist li a {

    padding-top: 30px;

  }

  .ptlist h3 {

    margin-bottom: 20px;

  }

  .ptlist .txt {

    height: auto;

  }

}

.cate4 {

  text-align: center;

}

.cate4 .cn {

  font-size: 40px;

  color: #000;

  line-height: 60px;

  font-weight: bold;

  height: 60px;

  overflow: hidden;

}

.cate4 .intro {

  font-size: 16px;

  color: #666;

  line-height: 34px;

}

.pintaithree {

  padding: 124px 0 190px;

}

.zhilist {

  margin: 0 -23px;

  height: 640px;

  overflow: hidden;

  padding-top: 70px;

}

.zhilist li {

  float: right;

  width: 33.33%;

  height: 50%;

  overflow: hidden;

}

.zhilist li.i1 {

  height: 100%;

}

.zhilist li .lin {

  padding: 0 23px 46px;

  width: 100%;

  height: 100%;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.zhilist li a {

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.zhilist .pic {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

  width: 100%;

  height: 100%;

  font-size: 0;

  text-align: center;

}

.zhilist .cov {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));

}

.zhilist img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.zhilist li h3 {

  font-size: 18px;

  color: #fff;

  line-height: 28px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: absolute;

  left: 0;

  bottom: 12px;

  z-index: 4;

  width: 100%;

  padding: 0 30px;

}

.zhilist li:hover .cov {

  opacity: 0;

}

.zhilist li .cov {

  -webkit-transition: .6s;

  transition: .6s;

}

@media screen and (max-width: 1200px) {

  .zhilist {

    height: 500px;

  }

  .zhilist {

    margin: 0 -15px;

  }

  .zhilist li .lin {

    padding: 0 15px 30px;

  }

}

@media screen and (max-width: 1024px) {

  .pintaithree {

    padding: 100px 0 140px;

  }

  .zhilist {

    height: auto;

  }

  .zhilist li {

    width: 50%;

    height: 320px;

  }

  .zhilist li.i1 {

    height: 640px;

  }

  .zhilist li h3 {

    font-size: 16px;

  }

}

@media screen and (max-width: 840px) {

  .zhilist li {

    height: 240px;

  }

  .zhilist li.i1 {

    height: 480px;

  }

}

@media screen and (max-width: 750px) {

  .pintaithree {

    padding: 80px 0 90px;

  }

  .cate4 .cn {

    font-size: 30px;

    line-height: 46px;

    height: 46px;

  }

}

@media screen and (max-width: 560px) {

  .zhilist {

    margin: 0;

  }

  .zhilist li .lin {

    padding: 0;

  }

  .zhilist li {

    width: 100%;

    margin-bottom: 30px;

  }

  .zhilist li {

    height: auto;

  }

  .zhilist li.i1 {

    height: auto;

  }

  .zhilist .pic {

    position: relative;

  }

}

.pintaitwo {

  padding: 102px 0 114px;

  background: #f6f6f6 url('../images/fanganbg.jpg') center no-repeat;

}

.applelist {

  position: relative;

  width: 100%;

  height: 688px;

  margin-top: 66px;

  background: url('../images/phone.png') top no-repeat;

}

.applelist li {

  position: absolute;

  z-index: 1;

  width: 360px;

}

.applelist li .num {

  width: 88px;

  height: 88px;

  font-size: 36px;

  color: #fff;

  text-align: center;

  line-height: 88px;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  position: absolute;

  top: 0;

  z-index: 1;

  border-radius: 50%;

  background-color: #d06137;

  font-family: 'BAHNSCHRIFT';

}

.applelist li:hover .num {

  background-color: #fdd900;

}

.applelist li h3 {

  font-size: 18px;

  color: #333;

  line-height: 32px;

  font-weight: bold;

  height: 32px;

  overflow: hidden;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.applelist li:hover h3 {

  color: #fdd900;

}

.applelist li .txt {

  font-size: 16px;

  color: #666;

  line-height: 28px;

  max-height: 84px;

  overflow: hidden;

}

.applelist li.i1,

.applelist li.i2,

.applelist li.i3 {

  text-align: right;

  right: 50%;

  margin-right: 220px;

  padding-right: 128px;

}

.applelist li.i4,

.applelist li.i5,

.applelist li.i6 {

  text-align: left;

  left: 50%;

  margin-left: 220px;

  padding-left: 128px;

}

.applelist li.i1,

.applelist li.i4 {

  top: 90px;

}

.applelist li.i2,

.applelist li.i5 {

  top: 296px;

}

.applelist li.i3,

.applelist li.i6 {

  top: 502px;

}

.applelist li.i1 .num,

.applelist li.i2 .num,

.applelist li.i3 .num {

  right: 0;

}

.applelist li.i4 .num,

.applelist li.i5 .num,

.applelist li.i6 .num {

  left: 0;

}

.applelist a.download {

  position: absolute;

  left: 50%;

  top: 494px;

  z-index: 2;

  margin-left: -85px;

  display: block;

  width: 170px;

  height: 44px;

  background-color: #fdd900;

  border-radius: 22px;

  font-size: 16px;

  color: #282f3c;

  line-height: 44px;

  text-align: center;

  font-weight: bold;

}

.applelist a.download span {

  display: inline-block;

  height: 100%;

  padding-left: 30px;

  background: url('../images/yun.png') 0 no-repeat;

}

.applelist a.download:hover {

  -webkit-box-shadow: 0 0 10px 0 #d06137;

          box-shadow: 0 0 10px 0 #d06137;

}

@media screen and (max-width: 1460px) {

  .applelist li {

    width: 300px;

  }

  .applelist li.i1,

  .applelist li.i2,

  .applelist li.i3 {

    margin-right: 180px;

    padding-right: 108px;

  }

  .applelist li.i4,

  .applelist li.i5,

  .applelist li.i6 {

    margin-left: 180px;

    padding-left: 108px;

  }

}

@media screen and (max-width: 1200px) {

  .applelist li {

    width: 200px;

  }

}

@media screen and (max-width: 1024px) {

  .applelist li.i1,

  .applelist li.i2,

  .applelist li.i3 {

    margin-right: 80px;

  }

  .applelist li.i4,

  .applelist li.i5,

  .applelist li.i6 {

    margin-left: 80px;

  }

}

@media screen and (max-width: 840px) {

  .applelist {

    background-image: none;

  }

  .applelist a.download {

    top: auto;

    bottom: 0;

  }

  .applelist li.i1,

  .applelist li.i4 {

    top: 20px;

  }

  .applelist li.i2,

  .applelist li.i5 {

    top: 226px;

  }

  .applelist li.i3,

  .applelist li.i6 {

    top: 432px;

  }

  .applelist li {

    width: 46%;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

  }

  .applelist li.i1,

  .applelist li.i2,

  .applelist li.i3 {

    margin-right: 5px;

  }

  .applelist li.i4,

  .applelist li.i5,

  .applelist li.i6 {

    margin-left: 5px;

  }

}

@media screen and (max-width: 750px) {

  .pintaitwo {

    padding: 80px 0 80px;

  }

  .applelist {

    height: auto;

    padding-bottom: 40px;

  }

  .applelist li {

    width: 100%;

    position: relative;

    min-height: 88px;

    margin-bottom: 40px;

  }

  .applelist li.i1,

  .applelist li.i2,

  .applelist li.i3 {

    right: auto;

    top: auto;

    margin-right: 0;

  }

  .applelist li.i4,

  .applelist li.i5,

  .applelist li.i6 {

    left: auto;

    top: auto;

    margin-left: 0;

  }

}

a.ret {

  position: absolute;

  right: 0;

  top: 22px;

  z-index: 1;

  display: block;

  width: 86px;

  height: 30px;

  border-radius: 15px;

  background-color: #fff;

  font-size: 16px;

  color: #333;

  line-height: 30px;

  text-indent: 40px;

}

a.ret:before {

  content: '';

  position: absolute;

  left: -2px;

  top: -2px;

  z-index: 1;

  border-radius: 17px;

  width: 34px;

  height: 34px;

  background: #d06137 url('../images/lt-ret.png') center no-repeat;

}

/*新闻详情*/

.newsbg {

  padding: 96px 0 156px;

  background-color: #f5f5f5;

  position: relative;

}

.atc {

  position: relative;

  z-index: 1;

}

.atc-one {

  padding: 0 6.25%;

}

.atc-h {

  padding-bottom: 50px;

  position: relative;

  padding-right: 100px;

}

.atc-h h1 {

  font-size: 30px;

  color: #000;

  line-height: 42px;

  margin-bottom: 6px;

}

.atc-date {

  font-size: 16px;

  color: #666;

  line-height: 26px;

}

.atc-date span {

  display: inline-block;

  margin-right: 20px;

}

.atc-two {

  padding: 80px 6.25% 120px;

  background-color: #fff;

}

.atc-con {

  margin-bottom: 120px;

  font-size: 16px;

  line-height: 32px;

  color: #333;

  text-align: justify;

}

.atc-con img {

  max-width: 100%;

}

.atc-con a {

  color: #d06137;

}

.atc-pn {

  width: 100%;

  height: 56px;

  line-height: 56px;

  overflow: hidden;

  position: relative;

}

.atc-pn a {

  display: block;

  width: 50%;

  height: 100%;

  overflow: hidden;

  position: absolute;

  top: 0;

  z-index: 0;

}

.atc-pn a:after {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  z-index: 0;

  width: 100%;

  height: 1px;

  background-color: #eee;

}

a.atc-prev {

  right: 50%;

  margin-right: 72px;

}

a.atc-next {

  left: 50%;

  margin-left: 72px;

}

.atc-pn a span {

  position: absolute;

  top: 8px;

  z-index: 1;

  display: block;

  width: 100px;

  height: 40px;

  border-radius: 20px;

  background-color: #fdeacc;

  font-size: 16px;

  color: #333;

  line-height: 40px;

}

.atc-pn a span:before {

  content: '';

  position: absolute;

  top: -4px;

  z-index: 1;

  border-radius: 50%;

  width: 46px;

  height: 46px;

  border: 1px solid #d06137;

  -webkit-transition: .6s;

  transition: .6s;

}

a.atc-prev span {

  right: 20px;

  text-indent: 15px;

}

a.atc-prev span:before {

  right: -20px;

  background: #ffffff url('../images/lt-atc.png') center no-repeat;

}

a.atc-next span {

  left: 20px;

  text-indent: 35px;

}

a.atc-next span:before {

  left: -20px;

  background: #ffffff url('../images/gt-atc.png') center no-repeat;

}

a.atc-prev:hover span:before {

  background-color: #d06137;

  background-image: url('../images/lth-atc.png');

}

a.atc-next:hover span:before {

  background-color: #d06137;

  background-image: url('../images/gth-atc.png');

}

.atc-pn .sx {

  width: 1px;

  height: 100%;

  margin: 0 auto;

  background-color: #eee;

  position: relative;

  overflow: hidden;

}

.atc-pn .sx .jux {

  width: 1px;

  height: 50%;

  position: absolute;

  left: 0;

  top: -50%;

  z-index: 1;

  background-color: #d06137;

  -webkit-animation: juxmove 2s linear 0s both infinite;

          animation: juxmove 2s linear 0s both infinite;

}

@-webkit-keyframes juxmove {

  0% {

    top: -50%;

  }

  75% {

    top: 100%;

  }

  100% {

    top: 100%;

  }

}

@keyframes juxmove {

  0% {

    top: -50%;

  }

  75% {

    top: 100%;

  }

  100% {

    top: 100%;

  }

}

@media screen and (max-width: 1200px) {

  .atc-two {

    padding: 70px 6.25% 100px;

  }

  .atc-con {

    margin-bottom: 100px;

  }

}

@media screen and (max-width: 1023px) {

  .newsbg {

    padding: 90px 0 120px;

  }

}

@media screen and (max-width: 750px) {

  .newsbg {

    padding: 90px 0 90px;

  }

  .atc-two {

    padding: 60px 5% 80px;

  }

  .atc-con {

    margin-bottom: 80px;

  }

  .atc-h h1 {

    font-size: 24px;

  }

  a.atc-prev {

    margin-right: 22px;

  }

  a.atc-next {

    margin-left: 22px;

  }

}

@media screen and (max-width: 640px) {

  .atc-one {

    padding: 0 0;

  }

  .atc-h {

    padding-right: 0;

  }

  a.ret {

    top: -50px;

  }

}

.videowrap {

  width: 1344px;

  position: relative;

  text-align: center;

  margin: 50px auto;

  overflow: hidden;

}

.video {

  width: 100%;

  height: 612px;

}

@media screen and (max-width: 1440px) {

  .videowrap {

    width: 100%;

    padding-bottom: 42.5%;

    height: 0;

  }

  .video {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

  }

}

.promain {

  padding: 144px 0 124px;

}

@media screen and (max-width: 1440px) {

  .promain {

    padding: 120px 0 100px;

  }

}

@media screen and (max-width: 1023px) {

  .promain {

    padding: 100px 0 90px;

  }

}

@media screen and (max-width: 750px) {

  .promain {

    padding: 80px 0 80px;

  }

}

.probtl {

  position: relative;

  line-height: 40px;

  overflow: hidden;

  border-bottom: 1px solid #eee;

  padding-right: 100px;

  padding-bottom: 10px;

}

.probtl h3 {

  font-size: 24px;

  color: #333;

  letter-spacing: 1px;

}

.probtl .ret2 {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

  height: 40px;

  padding-left: 19px;

  font-size: 16px;

  color: #d06137;

  background: url('../images/tian.png') 0 no-repeat;

}

.probtl .ret2:hover {

  text-decoration: underline;

}

@media screen and (max-width: 750px) {

  .probtl {

    padding-right: 0;

    padding-bottom: 20px;

  }

  .probtl .ret2 {

    position: relative;

    display: block;

    margin-top: 20px;

  }

}

.profenlei {

  margin: 40px 0 50px;

}

.profenlei dd {

  padding-left: 52px;

  position: relative;

}

.profenlei dd label {

  float: left;

  margin-left: -52px;

  font-size: 16px;

  line-height: 38px;

  color: #333;

}

.profenlei dd a {

  display: inline-block;

  height: 36px;

  font-size: 16px;

  line-height: 38px;

  color: #333;

  padding: 0 23px;

}

.profenlei dd a:hover {

  color: #d06137;

}

.profenlei dd a.on {

  color: #d06137;

  text-decoration: underline;

}

.profenlei dd a.first {

  color: #d06137;

  font-weight: bold;

}

.prolist {

  padding-bottom: 30px;

  margin: 0 -14px;

  position: relative;

}

.prolist li {

  float: left;

  width: 25%;

  margin-bottom: 65px;

}

.prolist li .lin {

  padding: 0 14px;

}

.prolist li a {

  display: block;

  padding: 14px 30px 38px;

  background-color: #f9f9f9;

}

.prolist .pic {

  width: 100%;

  height: 300px;

  font-size: 0;

  text-align: center;

  line-height: 300px;

}

.prolist img {

  max-width: 100%;

  max-height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.prolist li .wz {

  margin-top: 18px;

  text-align: center;

}

.prolist li h3 {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  height: 60px;

  overflow: hidden;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.prolist li .more {

  display: block;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  border: 1px solid #ddd;

  background: url('../images/gt-pro.png') center no-repeat;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  margin: 30px auto 0;

}

.prolist li:hover h3 {

  color: #d06137;

}

.prolist li:hover a {

  background-color: #ebebeb;

}

.prolist li:hover .more {

  border-color: #d06137;

  background-image: url('../images/gth-pro.png');

}

@media screen and (max-width: 1400px) {

  .prolist li {

    width: 33.33%;

    margin-bottom: 50px;

  }

}

@media screen and (max-width: 1023px) {

  .prolist li {

    width: 50%;

  }

}

@media screen and (max-width: 750px) {

  .prolist li {

    margin-bottom: 40px;

  }

  .profenlei dd a {

    padding: 0 16px;

  }

}

@media screen and (max-width: 640px) {

  .prolist {

    margin: 0 ;

  }

  .prolist li {

    width: 100%;

  }

  .prolist li .lin {

    padding: 0;

  }

}

/*首页*/



/*6合作优势流程*/

.liuchen-out {

  padding: 120px 0 90px;

}

@media screen and (max-width: 1024px) {

  .liuchen-out {

    padding: 100px 0 70px;

  }

}

@media screen and (max-width: 750px) {

  .liuchen-out {

    padding: 80px 0 50px;

  }

}

.liulist {

  font-size: 0;

  text-align: center;

  padding-top: 88px;

  padding-bottom: 2px;

  margin: 0 -40px;

}

.liulist li {

  display: inline-block;

  width: 16.6%;

  margin-bottom: 76px;

  position: relative;

}

.liulist li .lin {

  padding: 0 40px;

}

.liulist li a {

  display: block;

  width: 100%;

  border: 1px solid #d06137;

  border-radius: 50%;

  height: 190px;

  padding: 22px 0 30px;

  margin: 0 auto;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

.liulist .pic {

  width: 100%;

  height: 96px;

  line-height: 96px;

}

.liulist img {

  max-width: 100%;

  max-height: 100%;

}

.liulist h3 {

  font-size: 24px;

  color: #666;

  line-height: 40px;

  height: 40px;

  overflow: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.liulist i {

  display: block;

  width: 20px;

  height: 30px;

  font-size: 0;

  position: absolute;

  right: 0;

  top: 50%;

  z-index: 1;

  margin-right: -10px;

  margin-top: -15px;

  background: url('../images/sjr-lc.png') center no-repeat;

}

.liulist li:last-child i {

  display: none;

}

.liulist li:hover a {

  background-color: rgba(253, 217, 0, 0.2);

}

.liulist li:hover h3 {

  color: #d06137;

}

@media screen and (max-width: 1600px) {

  .liulist {

    margin: 0 0;

  }

  .liulist li {

    width: 25%;

  }

  .liulist li .lin {

    padding: 0 0;

  }

  .liulist li a {

    width: 190px;

  }

}

@media screen and (max-width: 1200px) {

  .liulist li {

    width: 33.33%;

  }

}

@media screen and (max-width: 1024px) {

  .liulist li {

    margin-bottom: 60px;

  }

}

@media screen and (max-width: 890px) {

  .liulist i {

    right: 50%;

    margin-right: -120px;

  }

}

@media screen and (max-width: 750px) {

  .liulist li {

    width: 50%;

    margin-bottom: 50px;

  }

  .liulist h3 {

    font-size: 18px;

  }

}

.youshi-out {

  padding-top: 90px;

}

.guanlist-wrap {

  width: 100%;

  position: relative;

  margin-top: 74px;

}

.guanlist-out {

  width: 100%;

  height: 700px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  cursor: ew-resize;

}

.guanlist {

  width: auto;

  height: 100%;

  font-size: 0;

  white-space: nowrap;

}

.guanprev,

.guannext {

  height: 36px;

  cursor: pointer;

  padding: 0 22px;

  border-radius: 5px;

  font-size: 16px;

  color: #fff;

  font-weight: bold;

  line-height: 36px;

  position: absolute;

  bottom: 40px;

  z-index: 3;

  font-family: "Microsoft JhengHei";

}

.guanprev {

  background: url('../images/lt-guan.png') 0 no-repeat;

  left: 5%;

}

.guannext {

  background: url('../images/gt-guan.png') right no-repeat;

  right: 5%;

}

.guanprev:hover,

.guannext:hover {

  background-color: #fdd900;

}

.guanlist li {

  display: inline-block;

  width: 466px;

  height: 100%;

}

.guanlist li + li {

  margin-left: 16px;

}

.guanlist li .lin {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

}

.guanlist .pic {

  width: 100%;

  height: 100%;

  background-color: #000;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

  font-size: 0;

}

.guanlist .pic img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.5;

}

.guanlist .pic i {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  width: 100%;

  height: 100%;

}

.guanlist li .one {

  position: absolute;

  left: 0;

  top: 50%;

  z-index: 1;

  width: 100%;

  margin-top: -20px;

}

.guanlist li h2 {

  font-size: 30px;

  color: #fff;

  line-height: 40px;

  text-align: center;

  height: 40px;

  font-weight: bold;

  overflow: hidden;

}

.guanlist .cover {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 4;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.guanlist .cover {

  opacity: 0;

  -webkit-transform: scale(0.9);

          transform: scale(0.9);

  background-color: rgba(243, 151, 0, 0.9);

  -webkit-transition: .6s;

  transition: .6s;

}

.guanlist .cover .in {

  width: 100%;

  text-align: center;

  margin: auto 0;

}

.guanlist .cover:before {

  content: '';

  position: absolute;

  left: 50%;

  top: 0;

  z-index: 0;

  width: 1px;

  height: 166px;

  background-color: rgba(255, 255, 255, 0.2);

}

.guanlist .cover:after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  z-index: 0;

  width: 1px;

  height: 166px;

  background-color: rgba(255, 255, 255, 0.2);

}

.guanlist li .num {

  font-size: 60px;

  color: #fff;

  line-height: 60px;

  height: 60px;

  overflow: hidden;

  font-family: "avian";

}

.guanlist li h3 {

  font-size: 30px;

  color: #fff;

  line-height: 40px;

  height: 40px;

  overflow: hidden;

  font-weight: bold;

  margin: 34px 0 16px;

}

.guanlist li .txt3 {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.5);

  line-height: 32px;

  margin: 0 auto;

  max-width: 300px;

  max-height: 224px;

  overflow: hidden;

  white-space: normal;

  -webkit-transition: .4s;

  transition: .4s;

}

.guanlist li .txt3:hover {

  color: #fff;

}

.guanlist .cover,

.guanlist .one {

  -webkit-transition: .6s;

  transition: .6s;

}

.guanlist li:hover .cover {

  opacity: 1;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.guanlist li:hover .one {

  opacity: 0;

}

@media screen and (max-width: 750px) {

  .guanlist li h2,

  .guanlist li h3 {

    font-size: 24px;

  }

  .guanlist li {

    width: 420px;

  }

  .guanlist li + li {

    margin-left: 0;

  }

}

/*7一站式服务*/

.yizhan-out {

  padding: 90px 0 180px;

  position: relative;

  overflow: hidden;

}

.yizhan-out .sun1 {

  position: absolute;

  left: 83px;

  top: 472px;

  z-index: 0;

  display: block;

  background: url('../images/sun1.jpg') center no-repeat;

  width: 695px;

  height: 609px;

}

.yizhan-out .sun2 {

  position: absolute;

  right: -356px;

  bottom: 180px;

  z-index: 0;

  display: block;

  background: url('../images/sun2.jpg') center no-repeat;

  width: 819px;

  height: 810px;

}

.yizhancon {

  margin: 26px auto 0;

  font-size: 16px;

  color: #666;

  line-height: 32px;

  text-align: center;

  max-width: 1152px;

}

.yizhancon img {

  max-width: 100%;

}

@media screen and (max-width: 1280px) {

  .yizhan-out {

    padding: 90px 0 130px;

  }

  .yizhan-out .sun1 {

    left: -200px;

  }

}

@media screen and (max-width: 960px) {

  .yizhan-out .sun1,

  .yizhan-out .sun2 {

    opacity: 0.5!important;

  }

}

@media screen and (max-width: 750px) {

  .yizhan-out {

    padding: 90px 0 90px;

  }

}

@media screen and (max-width: 600px) {

  .yizhan-out {

    padding: 90px 0 10px;

  }

}

.dianxian {

  position: relative;

  width: 100%;

  height: 1400px;

  margin-top: 94px;

  background: url('../images/dianxian.png') center 0 no-repeat;

}

.dianxian .blogo {

  position: absolute;

  right: 50%;

  top: 8px;

  z-index: 0;

  display: block;

  margin-right: 288px;

  background: url('../images/logo2.png') center no-repeat;

  width: 175px;

  height: 24px;

}

dd.yzs {

  position: absolute;

  left: 50%;

  z-index: 1;

  height: 72px;

  padding-left: 34px;

}

dd.yzs label {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  border-radius: 50%;

  font-size: 0;

  width: 72px;

  height: 72px;

  background-color: #d06137;

  background-position: center;

  background-repeat: no-repeat;

}

dd.yzs span {

  display: block;

  width: 238px;

  height: 54px;

  margin-top: 8px;

  border-radius: 28px;

  font-size: 20px;

  color: #333;

  line-height: 54px;

  text-indent: 10px;

  text-align: center;

  border: 1px solid #d06137;

  background: #ffffff url('../images/gt-xian.png') 210px no-repeat;

  -webkit-transition: .4s;

  transition: .4s;

}

dd.yzs:hover span {

  color: #d06137;

  font-weight: bold;

}

dd.yzs.i1 {

  margin-left: 3px;

  top: 18px;

}

dd.yzs.i2 {

  margin-left: 151px;

  top: 212px;

}

dd.yzs.i3 {

  margin-left: 127px;

  top: 406px;

}

dd.yzs.i4 {

  margin-left: -45px;

  top: 605px;

}

dd.yzs.i5 {

  margin-left: -205px;

  top: 795px;

}

dd.yzs.i6 {

  margin-left: -253px;

  top: 989px;

}

dd.yzs.i7 {

  margin-left: -185px;

  top: 1183px;

}

dd.yzs.i1 label {

  background-image: url('../images/yz01.png');

}

dd.yzs.i2 label {

  background-image: url('../images/yz02.png');

}

dd.yzs.i3 label {

  background-image: url('../images/yz03.png');

}

dd.yzs.i4 label {

  background-image: url('../images/yz04.png');

}

dd.yzs.i5 label {

  background-image: url('../images/yz05.png');

}

dd.yzs.i6 label {

  background-image: url('../images/yz06.png');

}

dd.yzs.i7 label {

  background-image: url('../images/yz07.png');

}

@media screen and (max-width: 960px) {

  .dianxian {

    background-size: 223px 1311px;

  }

  .dianxian .blogo {

    margin-right: -82px;

    top: -50px;

  }

  dd.yzs.i1 {

    margin-left: -130px;

    top: 38px;

  }

  dd.yzs.i2 {

    margin-left: -130px;

  }

  dd.yzs.i3 {

    margin-left: -130px;

  }

  dd.yzs.i4 {

    margin-left: -130px;

  }

  dd.yzs.i5 {

    margin-left: -130px;

  }

  dd.yzs.i6 {

    margin-left: -130px;

  }

  dd.yzs.i7 {

    margin-left: -130px;

  }

}

.huanjin-out {

  padding: 90px 0 125px;

}

@media screen and (max-width: 1024px) {

  .huanjin-out {

    padding: 70px 0 110px;

  }

}

@media screen and (max-width: 750px) {

  .huanjin-out {

    padding: 50px 0 90px;

  }

}

.sw14out {

  position: relative;

  padding-bottom: 5px;

}

#sw14 {

  height: 400px;

  overflow: visible;

}

#sw14 .swiper-slide {

  width: 576px;

}

#sw14 .swiper-slide a {

  display: block;

  border-bottom: 1px solid #eee;

}

#sw14 .swiper-slide .pic {

  width: 100%;

  height: 336px;

  font-size: 0;

  text-align: center;

  line-height: 336px;

  background-color: #000;

}

#sw14 .swiper-slide img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.7;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

#sw14 .swiper-slide:hover img {

  opacity: 1;

}

#sw14 .swiper-slide h3 {

  font-size: 16px;

  color: #333;

  line-height: 63px;

  height: 63px;

  overflow: hidden;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  text-align: center;

}

#sw14 .swiper-slide-active h3 {

  color: #d06137;

}

.sw14out .swiper-pagination {

  bottom: 0;

  font-size: 0;

  width: 100%;

}

.sw14out .swiper-pagination-bullet {

  width: 18px;

  height: 2px;

  margin: 0 3px;

  opacity: 1;

  background-color: #000;

  outline: 0 none;

  border-radius: 0;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.sw14out .swiper-pagination-bullet-active {

  background-color: #d06137;

}

.sw14out .swiper-scrollbar {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: rgba(0, 0, 0, 0.2);

}

.sw14out .swiper-scrollbar-drag {

  background-color: #d06137;

}

@media screen and (max-width: 900px) {

  #sw14 .swiper-slide {

    width: 500px;

  }

}

@media screen and (max-width: 750px) {

  #sw14 {

    height: 364px;

  }

  #sw14 .swiper-slide {

    width: 400px;

  }

  #sw14 .swiper-slide .pic {

    height: 300px;

    line-height: 300px;

  }

}

.pig {

  width: 52px;

  height: 52px;

  background-color: transparent;

  border-radius: 50%;

  opacity: 0;

  position: absolute;

  left: 100%;

  top: 100%;

  z-index: 10;

  margin-left: -27px;

  margin-top: -27px;

  pointer-events: none;

  border: 1px dashed rgba(255, 255, 255, 0.3);

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out;

  transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out;

  transition: opacity 0.4s linear, transform 0.5s ease-in-out;

  transition: opacity 0.4s linear, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

}

.pig:before {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 0;

  margin-left: -20px;

  margin-top: -20px;

  width: 38px;

  height: 38px;

  border: 1px solid #fff;

  border-radius: 50%;

}

.pig:after {

  content: '';

  position: absolute;

  left: 50%;

  top: 24px;

  z-index: 0;

  margin-left: -54px;

  width: 109px;

  height: 7px;

  opacity: 0.2;

  background: url('../images/sidian.png') center no-repeat;

}

.pig.show {

  opacity: 1;

}

.pig:active,

.pig.active {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}

.pig s {

  width: 7px;

  height: 12px;

  cursor: pointer;

  position: absolute;

  margin-top: -6px;

  top: 50%;

  z-index: 2;

  background-color: transparent;

  background-position: center;

  background-repeat: no-repeat;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.pig s.i1 {

  left: 14px;

  background-image: url('../images/lt-guan.png');

}

.pig s.i2 {

  right: 14px;

  background-image: url('../images/gt-guan.png');

}

.pig:active s.i1,

.pig.active s.i1 {

  left: 10px;

}

.pig:active s.i2,

.pig.active s.i2 {

  right: 10px;

}

.huanjinone {

  padding: 64px 0 66px;

}

.huanjin-wrap {

  position: relative;

  padding-right: 540px;

  overflow: hidden;

  min-height: 136px;

}

.huanleft {

  max-width: 960px;

}

.huanright {

  width: 490px;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}

.huantitle {

  font-size: 24px;

  color: #d06137;

  line-height: 40px;

  font-weight: bold;

  margin-bottom: 28px;

}

.huancon {

  font-size: 16px;

  color: #666;

  line-height: 32px;

  text-align: justify;

}

.huancon img {

  max-width: 100%;

}

.guolist4 {

  overflow: hidden;

  font-size: 0;

}

.guolist4 li {

  width: 100%;

  height: 60px;

  line-height: 60px;

}

.guolist4 li + li {

  margin-top: 16px;

}

.guolist4 .txt {

  display: inline-block;

  width: 190px;

  height: 100%;

  vertical-align: top;

  font-size: 18px;

  color: #333;

}

.guolist4 h3 {

  display: inline-block;

  width: 300px;

  height: 100%;

  vertical-align: top;

  font-size: 24px;

  color: #d06137;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.guolist4 h3 span {

  font-size: 58px;

  font-family: 'BAHNSCHRIFT';

}

@media screen and (max-width: 1024px) {

  .huanjin-wrap {

    padding-right: 0;

  }

  .huanleft {

    max-width: none;

  }

  .huanright {

    position: relative;

    width: 100%;

    margin-top: 30px;

  }

}

@media screen and (max-width: 750px) {

  .guolist4 h3 span {

    font-size: 40px;

  }

}

@media screen and (max-width: 600px) {

  .guolist4 .txt {

    width: 150px;

  }

  .guolist4 h3 {

    width: 220px;

  }

}

.moju-out {

  padding: 152px 0 144px;

}

@media screen and (max-width: 1024px) {

  .moju-out {

    padding: 110px 0;

  }

}

@media screen and (max-width: 750px) {

  .moju-out {

    padding: 80px 0;

  }

}

.mojuone {

  margin-top: 70px;

}

.moju-wrap {

  position: relative;

  padding-right: 380px;

  overflow: hidden;

}

.mojuleft {

  width: 100%;

}

.mojuright {

  width: 250px;

  position: absolute;

  right: 0;

  top: 100px;

  z-index: 1;

}

.mojunum {

  display: block;

  font-size: 72px;

  color: #d06137;

  line-height: 86px;

  font-family: "avian";

  opacity: 0.2;

  height: 86px;

  overflow: hidden;

}

.mojutitle {

  font-size: 30px;

  color: #d06137;

  line-height: 42px;

  font-weight: bold;

  margin-top: -42px;

  margin-bottom: 30px;

  position: relative;

  z-index: 2;

}

.mojucon {

  font-size: 16px;

  color: #333;

  line-height: 32px;

  text-align: justify;

}

.mojucon img {

  max-width: 100%;

}

.moju-next,

.moju-prev {

  position: absolute;

  top: 0;

  width: 38px;

  height: 38px;

  z-index: 10;

  cursor: pointer;

  font-size: 0;

  border: 1px solid #d06137;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.moju-prev {

  left: 0;

  background: #ffffff url('../images/lt-moju.png') center no-repeat;

}

.moju-next {

  right: 0;

  background: #ffffff url('../images/gt-moju.png') center no-repeat;

}

.moju-prev:hover,

.moju-next:hover {

  background-color: #d06137;

}

.moju-prev:hover {

  background-image: url('../images/lth-moju.png');

}

.moju-next:hover {

  background-image: url('../images/gth-moju.png');

}

.bantxt3 {

  height: 40px;

  font-size: 0;

  text-align: center;

  line-height: 40px;

}

.bantxt3 * {

  display: inline-block;

  font-family: "avian";

}

.bantxt3 span#numcur {

  font-size: 36px;

  color: #d06137;

}

.bantxt3 span#numall {

  font-size: 18px;

  color: #333;

}

.bantxt3 i {

  font-size: 36px;

  color: #d06137;

  font-style: normal;

  margin: 0 5px;

}

@media screen and (max-width: 1024px) {

  .moju-wrap {

    padding-right: 0;

  }

  .mojuright {

    top: 20px;

  }

}

@media screen and (max-width: 640px) {

  .mojuright {

    width: 180px;

  }

  .bantxt3 span#numcur,

  .bantxt3 i {

    font-size: 24px;

  }

}

.mozlist {

  overflow: hidden;

  padding: 42px 0 1px;

  margin: 0 -12px;

}

.mozlist li {

  float: left;

  width: 33.33%;

  margin-bottom: 30px;

}

.mozlist li .lin {

  padding: 0 12px;

}

.mozlist li a {

  display: block;

  position: relative;

}

.mozlist li .pic {

  height: 316px;

  overflow: hidden;

  font-size: 0;

  text-align: center;

  line-height: 316px;

  position: relative;

}

.mozlist li img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

@media screen and (max-width: 1023px) {

  .mozlist li {

    width: 50%;

  }

  .mozlist li .pic {

    height: 280px;

    line-height: 280px;

  }

}

@media screen and (max-width: 640px) {

  .mozlist {

    margin: 0;

  }

  .mozlist li .lin {

    padding: 0;

  }

  .mozlist li {

    width: 100%;

  }

}

.relcase-out {

  margin-top: 90px;

}

.rcaselist {

  overflow: hidden;

  padding: 62px 0 24px;

  margin: 0 -23px;

}

.rcaselist li {

  float: left;

  width: 33.33%;

  margin-bottom: 68px;

}

.rcaselist li .lin {

  padding: 0 23px;

}

.rcaselist li a {

  display: block;

  position: relative;

}

.rcaselist li .pic {

  height: 326px;

  overflow: hidden;

  margin-bottom: 20px;

  font-size: 0;

  text-align: center;

  line-height: 326px;

  position: relative;

  border: 2px solid #eee;

  -webkit-transition: .5s;

  transition: .5s;

}

.rcaselist li .pic2 {

  height: 328px;

  overflow: hidden;

  margin-bottom: 20px;

  font-size: 0;

  text-align: center;

  line-height: 328px;

  position: relative;

}

.rcaselist .pic img {

  max-width: 90%;

  max-height: 90%;

}

.rcaselist .pic2 img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.rcaselist li h3 {

  position: relative;

  overflow: hidden;

  height: 34px;

  -webkit-transition: .5s;

  transition: .5s;

  font-size: 18px;

  color: #333;

  line-height: 34px;

  text-align: center;

}

.rcaselist li:hover h3 {

  color: #d06137;

}

.rcaselist li:hover .pic {

  border-color: #d06137;

}

@media screen and (max-width: 1023px) {

  .rcaselist li {

    width: 50%;

    margin-bottom: 50px;

  }

  .rcaselist li .pic {

    height: 280px;

    line-height: 280px;

  }

  .rcaselist li .pic2 {

    height: 280px;

    line-height: 280px;

  }

}

@media screen and (max-width: 750px) {

  .rcaselist {

    margin: 0 -14px;

  }

  .rcaselist li .lin {

    padding: 0 14px;

  }

}

@media screen and (max-width: 640px) {

  .rcaselist {

    margin: 0;

  }

  .rcaselist li .lin {

    padding: 0;

  }

  .rcaselist li {

    width: 100%;

  }

}

.gongxu-pn {

  width: 100%;

  height: 220px;

  overflow: hidden;

  position: relative;

}

.gongxu-pn a {

  display: block;

  width: 50%;

  height: 100%;

  overflow: hidden;

  line-height: 220px;

  position: absolute;

  top: 0;

  z-index: 0;

  text-align: center;

  background-color: #000;

}

.gongxu-pn a i.cov {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

  width: 100%;

  height: 100%;

  opacity: 0.5;

  -webkit-transition: .6s;

  transition: .6s;

}

.gongxu-pn a:hover i.cov {

  opacity: 0.2;

}

a.gongxu-prev {

  left: 0;

}

a.gongxu-next {

  right: 0;

}

a.gongxu-prev i.cov {

  background: url('../images/csprev.jpg') center no-repeat;

}

a.gongxu-next i.cov {

  background: url('../images/csnext.jpg') center no-repeat;

}

.gongxu-pn a span {

  position: relative;

  z-index: 2;

  display: inline-block;

  max-width: 90%;

  height: 32px;

  font-size: 20px;

  color: #fff;

  line-height: 32px;

  font-weight: bold;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-transition: .6s;

  transition: .6s;

}

.gongxu-pn a span:before {

  content: '';

  position: absolute;

  top: 0;

  z-index: 1;

  border-radius: 50%;

  width: 32px;

  height: 32px;

}

.gongxu-pn a:hover span {

  color: #d06137;

}

a.gongxu-prev span {

  padding-left: 50px;

}

a.gongxu-prev span:before {

  left: 0;

  background: #d06137 url('../images/lth-atc.png') center no-repeat;

}

a.gongxu-next span {

  padding-right: 50px;

}

a.gongxu-next span:before {

  right: 0;

  background: #d06137 url('../images/gth-atc.png') center no-repeat;

}

@media screen and (max-width: 750px) {

  .gongxu-pn a {

    width: 100%;

    height: 50%;

    position: relative;

    line-height: 110px;

  }

  .gongxu-pn a span {

    font-size: 16px;

  }

  a.gongxu-prev span,

  a.gongxu-next span {

    padding-left: 40px;

    padding-right: 40px;

  }

}

/*产品详情*/

.profirst {

  overflow: hidden;

  margin: 60px 0 130px;

}

.xijie {

  width: 50%;

  float: left;

  z-index: 1;

  position: relative;

}

.xijie .bigpic {

  width: 100%;

  height: 390px;

  border: 1px solid #eee;

  background-color: #fff;

  text-align: center;

  line-height: 390px;

  font-size: 0;

  position: relative;

}

.xijie img#bigpic {

  max-width: 100%;

  max-height: 100%;

}

.bigpic a {

  position: absolute;

  top: 50%;

  width: 40px;

  height: 60px;

  margin-top: -30px;

}

.bigpic .xijie-prev {

  left: 20px;

  background: url('../images/lt-xj.png') center no-repeat;

}

.bigpic .xijie-next {

  right: 20px;

  background: url('../images/gt-xj.png') center no-repeat;

}

.bigpic .xijie-prev:hover {

  background-image: url('../images/lth-xj.png');

}

.bigpic .xijie-next:hover {

  background-image: url('../images/gth-xj.png');

}

.xijiebar {

  position: relative;

  height: 94px;

  margin-top: 32px;

}

.twlist2-out {

  width: 100%;

  overflow: hidden;

  height: 100%;

  position: relative;

}

.twlist2 {

  width: auto;

  height: 100%;

  font-size: 0;

  white-space: nowrap;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.twlist2 li {

  display: inline-block;

  width: 164px;

  height: 94px;

  position: relative;

  line-height: 94px;

  text-align: center;

  margin-right: 36px;

}

.twlist2 li:last-child {

  margin-right: 0;

}

.twlist2 li:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 1;

  border: 1px solid #eee;

}

.twlist2 li img {

  max-width: 90%;

  max-height: 90%;

  cursor: pointer;

}

.twlist2 li:hover:before,

.twlist2 li.on:before {

  border-color: #d06137;

}

.proinfo {

  float: right;

  width: 44%;

}

.proinfo .proname {

  font-size: 24px;

  line-height: 42px;

  color: #333;

  padding-top: 16px;

}

.proinfo .hx {

  width: 100%;

  height: 1px;

  background-color: #eee;

  margin: 22px 0 40px;

}

.proinfo .xiangxi {

  font-size: 16px;

  line-height: 32px;

  color: #333;

}

.proinfo .xiangxi .kv {

  margin-top: 16px;

}

.proinfo .xiangxi .kv:first-child {

  margin-top: 0;

}

.proinfo .xiangxi .kv label {

  float: left;

  font-weight: bold;

  margin-right: 10px;

}

.probtn {

  margin-top: 56px;

  height: 48px;

}

.probtn a {

  display: inline-block;

  width: 190px;

  height: 46px;

  border-radius: 24px;

  color: #333;

  font-size: 16px;

  line-height: 46px;

  text-align: center;

  border: 1px solid #eee;

}

.probtn a:hover {

  border-color: #d06137;

  color: #fff;

  background-color: #d06137;

}

.probtn a.dinzi {

  margin-right: 32px;

}

.probtn a span {

  display: inline-block;

  padding-left: 32px;

  color: #333;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.dinzi span {

  background: url('../images/icon1.png') 0 no-repeat;

}

.baojia span {

  background: url('../images/icon2.png') 0 no-repeat;

}

.dinzi:hover span {

  background-image: url('../images/icon1h.png');

  color: #fff;

}

.baojia:hover span {

  background-image: url('../images/icon2h.png');

  color: #fff;

}

@media screen and (max-width: 1200px) {

  .profirst {

    padding-left: 560px;

  }

  .xijie {

    margin-left: -560px;

    width: 520px;

  }

  .proinfo {

    float: none;

    width: 100%;

  }

  .probtn a {

    width: 160px;

  }

}

@media screen and (max-width: 1023px) {

  .profirst {

    padding-left: 0;

    margin-bottom: 90px;

  }

  .xijie {

    float: none;

    margin-left: auto;

    margin-right: auto;

    width: 700px;

    max-width: 100%;

  }

  .proinfo {

    margin: 50px auto 0;

    width: 700px;

    max-width: 100%;

  }

}

/*2关于我们*/

.dexian {

  width: 100%;

  height: 700px;

  position: relative;

  overflow: hidden;

}

.dexian > img {

  position: relative;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  z-index: 0;

}

.decate {

  position: absolute;

  left: 5%;

  top: 50%;

  z-index: 3;

  width: 90%;

  margin-top: -62px;

  text-align: center;

}

.decate h3 {

  font-size: 56px;

  color: #fff;

  line-height: 72px;

  letter-spacing: 9px;

  margin-bottom: 10px;

}

.decate .txt {

  font-size: 24px;

  color: #fff;

  line-height: 40px;

  letter-spacing: 7px;

}

@media screen and (max-width: 750px) {

  .decate {

    margin-top: -45px;

  }

  .decate h3 {

    font-size: 30px;

    line-height: 50px;

  }

  .decate .txt {

    font-size: 20px;

    line-height: 30px;

  }

}

.dexian2 {

  width: 100%;

  position: relative;

  overflow: hidden;

}

.dexian2 > img {

  position: relative;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  z-index: 0;

}

@media screen and (max-width: 1000px) {

  .dexian2 {

    height: 216px;

  }

}

.dianzione {

  padding: 66px 0 76px;

  border-bottom: 1px solid #eee;

}

.dianzi-wrap {

  position: relative;

  padding-right: 470px;

}

.dianzileft {

  position: relative;

  padding-top: 28px;

}

.dianziright {

  width: 324px;

  position: absolute;

  right: 0;

  top: 18px;

  z-index: 1;

}

.dianzititle {

  font-size: 36px;

  color: #000;

  line-height: 60px;

  margin-bottom: 32px;

  position: relative;

  z-index: 1;

}

.dianzicon {

  font-size: 16px;

  color: #333;

  line-height: 35px;

  text-align: justify;

}

.dianzicon img {

  max-width: 100%;

}

.dianzienp {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

  width: 100%;

}

.dianzienp img {

  max-width: 100%;

}

.dizicn {

  font-size: 18px;

  color: #d06137;

  line-height: 34px;

  font-weight: bold;

  margin-bottom: 10px;

  position: relative;

  z-index: 1;

  height: 34px;

}

.dizicn:before {

  content: '';

  position: absolute;

  left: -78px;

  top: 16px;

  z-index: 0;

  width: 58px;

  height: 3px;

  background-color: #d06137;

}

.guolist2 {

  overflow: hidden;

  font-size: 0;

}

.guolist2 li {

  width: 100%;

  height: 80px;

  line-height: 80px;

}

.guolist2 li + li {

  margin-top: 40px;

}

.guolist2 .txt {

  display: inline-block;

  width: 112px;

  height: 100%;

  vertical-align: top;

  font-size: 18px;

  color: #000;

}

.guolist2 h3 {

  display: inline-block;

  width: 212px;

  height: 100%;

  vertical-align: top;

  font-size: 24px;

  color: #d06137;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.guolist2 h3 span {

  font-size: 72px;

  font-family: 'BAHNSCHRIFT';

}

@media screen and (max-width: 1200px) {

  .dianzi-wrap {

    padding-right: 380px;

  }

  .dizicn:before {

    left: 78px;

  }

}

@media screen and (max-width: 1024px) {

  .dianzi-wrap {

    padding-right: 0;

  }

  .dianziright {

    position: relative;

    width: 100%;

    top: 0;

    margin-top: 30px;

  }

  .guolist2 h3 span {

    font-size: 60px;

  }

  .guolist2 li + li {

    margin-top: 20px;

  }

}

@media screen and (max-width: 750px) {

  .guolist2 li {

    height: 60px;

    line-height: 60px;

  }

  .guolist2 h3 span {

    font-size: 40px;

  }

  .guolist2 .txt {

    width: 150px;

  }

  .dianzititle {

    font-size: 30px;

  }

}

.jianktwo {

  padding: 50px 0 148px;

}

.jiank-wrap {

  position: relative;

  padding-right: 470px;

  overflow: hidden;

}

.jiank-wrap:before {

  content: '';

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

  width: 324px;

  height: 100%;

  background: url('../images/shanshuihua.png') 0 34px no-repeat;

}

.jianktitle {

  font-size: 36px;

  color: #000;

  line-height: 60px;

  margin-bottom: 32px;

}

.jiankcon {

  font-size: 16px;

  color: #333;

  line-height: 35px;

  text-align: justify;

}

.jiankcon img {

  max-width: 100%;

}

@media screen and (max-width: 1200px) {

  .jianktwo {

    padding: 50px 0 100px;

  }

  .jiank-wrap {

    padding-right: 380px;

  }

}

@media screen and (max-width: 1024px) {

  .jiank-wrap {

    padding-right: 0;

  }

}

@media screen and (max-width: 750px) {

  .jianktitle {

    font-size: 30px;

  }

}





@media screen and (max-width: 768px)

{
	.newslist li a .left_imgs {
    float: none;
    width: auto;
}
	.newslist li a .right_fonts {
    float: none;
    width: auto;
}

.inbanner {

    height: 350px;

}

	.nav7 li, .nav8 li {

    width: 200px;

    display: inline-block;

    height: 100%;

    overflow: hidden; padding: 0

}

	.newslist li .pic{ width: 100%;}

	.newslist li a {

    padding-left: 0;height: auto;

}

	.newslist li .pic {

    width: 100%;

    /* height: 400px; */

    position: inherit;

    left: inherit;

    top: initial;

    height: inherit;

}

	.newslist li .pic img {

    -o-object-fit: cover;

    /* object-fit: cover; */

    width: 100%;

    position: initial;

}

	.newslist li h3 {

    height: auto;

    margin-bottom: 20px;

}

}